<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Media Query</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="wp">
        <div class="continer">
            <p class="left">left</p>
            <p class="middle">middle</p>
        </div>
        <p class="right">right</p>
    </div>


    <script>
        // function person(name) {
        //     this.name = name;
        //     this.showMe = function() {
        //         console.log(this.name)
        //     }
        // }
        // var one = new person('javascript');
        // one.showMe();

        // fun =  function(name) {
        //     this.name = name;
        //     this.showMe = function() {
        //         console.log(this.name)
        //     }
        // }
        // // fun('abc')
        // var one = new fun('javascript')
        // one.showMe();
        // var  obj = {
        //     name: 'xiao_ming',
        //     age: 18
        // }

        // function Fun(name ,age) {
        //     // console.log(this.name)
        //     // console.log(name.name);
        //     // console.log(age.age);
        //     this.name = name;
        //     this.age = age;
        //     this.showMe = function() {
        //        console.log('他的名字叫做' + this.name + '他的年龄是' + this.age )
        //     }
        // }
        // Fun(obj);
        // Fun.showMe()
        // var f = new Fun(obj.name, obj.age);
        // f.showMe();

        // function Fun1(p) {
        //     'use strict';
        //     this.price = p;
        // }
        // var n = new Fun1(100);
            

        
        // var x = 1;
        // x = Math.ceil(Math.random() * 10);
        // console.log(x)
        
    </script>
</body>
</html>